html,body{
    background: #141630;
    color: #fff;
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 12px;
}
.swiperBox {
    overflow-y: scroll;
    height: 9.25rem;
    -webkit-overflow-scrolling: touch; 
    position: relative;
}
.swiperBox2 {
    /* overflow-y: scroll; */
    height: 9.25rem;
    -webkit-overflow-scrolling: touch; 
    position: relative;
    padding: 0.4rem;
    display: none;
}
.lineTop{
    border-top:1px solid #fff; 
}
.lineLeft{
    border-left:1px solid #fff;
}
.lineRight{
    border-right:1px solid #fff;
}
.lineBottom{
    border-bottom:1px solid #fff;
}
.iconfont {
    font-size: 30px!important;
}
.anchorBL img{
    display: none;
}

/* .anchorBL{display:none} */
/* 头部 */
/* 头部 */

/* 底部 */
#home-footer {
    background: #000;
    font-size: 0.4rem;
}

/* 底部 */

/* mui默认样式 */
.mui-bar-tab .mui-tab-item{
    color: #fff;
}
.mui-bar-tab .mui-tab-item{
    height: 100px;
}
.mui-content{
    width: 100%;
    height: 100%;
}
/* mui默认样式 */

/* 首页 */
#home-page{
    /* map */
    .map{
        width: 100%;
        height: 100%;
    }
    .BMap_mask{
        z-index: 0!important;
    }
    /* 搜索 */
    .search{
        position: absolute;
        top: 3%;
        left: 5%;
        width: 2.7rem;
        background: #202221;
        line-height: 0.5rem;
        border-radius: 30px;
        font-size: 0.2rem;
        color:#737f7e;
        padding: 5px 15px;
        z-index: 210;

        .mui-input-row{
            overflow: inherit;
            display: inline-block;
            width: 84%;
        }
        .mui-icon-clear {
            line-height: 33px;
        }
    }
    input.search-input{
        background: none;
        width: 85%;
        display: inline-block;
        text-align: left;
        border: none;
        margin-bottom: 0;
        padding: 0;
    }
    .tangram-suggestion-main{
        z-index: 10;
        width: 2.7rem!important;
        top: 88px!important;
        left: 40px!important;
        color: #fff!important;
    }
    .tangram-suggestion table tr td{
        color: #fff!important;
    }
    #tangram-suggestion--TANGRAM__1o >div {
        background: #000!important;
        color: #fff!important;
        border-top: #fff solid 1px!important;
    }
    #tangram-suggestion--TANGRAM__1o > div > span {
        color: #fff!important;
        border-left: #fff solid 1px!important;
    }
    .tangram-suggestion-main .tangram-suggestion{
        background: #000;
    }
    .tangram-suggestion-current {
        background: #51e3b2!important;
    }
    /* 方向 */
    .direction{
        position: absolute;
        top: 3%;
        right: 5%;
        width: 0.5rem;
        height: 0.5rem;
        background: #202221;
        border-radius: 50%;
        text-align: center;
        line-height: 0.5rem;
        color: #51e3b2;
        z-index: 210;
    }
    /* 信号灯 */
    .traffic-light{
        position: absolute;
        top: 10%;
        right: 5%;
        width: 0.5rem;
        height: 0.5rem;
        background: #51e3b2;
        border-radius: 50%;
        text-align: center;
        line-height: 0.5rem;
        color: #000;
        z-index: 210;
    }
    /* 地图放大缩小按钮 */
    .mapZoom{
        position: absolute;
        bottom: 0.6rem;
        left: 0.4rem;
        background: #2c2c2e;
        width: 0.5rem;
        height: 1.6rem;
        z-index: 212;
        border-radius: 30px;
        text-align: center;
        font-size: 1rem;
    }
    .mapZoom span{
        width: 100%;
        line-height: 0.75rem;
        font-size: 30px;
        display: block;
    }


    .swiperBox2 .swiper-container{
        width: 100%;
        /* height: 100%; */
        overflow: hidden;
        /* background: #000; */
    }
    .swiperBox2 .swiper-wrapper {
        width: 100%;
        height: 7rem;
    }
    .swiperBox2 .swiper-slide {
        width: 100%;
        height: 7rem;
    }
    .swiper-pagination-bullet{
        width: 30px;
        height: 5px;
        border-radius: 5px;
        background: #fff;
    }
    .swiper-pagination-bullet{
        background: #fff;
    }


    .mui-grid-view.mui-grid-9{
        background: none;
        color: #fff;
        border: none;
    }
    .mui-table-view.mui-grid-view{
        text-align: center;
    }
    .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body{
        color:#fff;
    }
    .mui-grid-view.mui-grid-9 .mui-media{
        color:#fff;
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell{
        background: #595a6f;
        border: none;
        margin:  5px;
        padding: 55px 15px;
        width: 31%;
    }

    .swiperBox2 .searchBox{
        border: 1px solid #eee;
        margin-bottom:20px;
        padding: 5px ; 
    }
    .mui-slider{
        height: 80%;
    }
    .mui-slider-indicator .mui-indicator{
        width: 30px;
        border-radius: 15px;
    }
}
/* 首页结束 */

/* 座椅页面 */
#chair-page{
    .chair-btn {
        width: 50px;
        height: 50px;
        background: #51e3b2;
        border-radius: 50%;
        text-align: center;
        line-height: 50px;
        color: #000;
        font-size: 0.3rem;
        position: absolute;
        z-index: 1;
    }
    .chair-btn1 {
        top: 22%;
        left: 22%;
    }
    .chair-btn2 {
        top: 22%;
        left: 36%;
    }
    .chair-btn3 {
        top: 22%;
        right: 36%;
    }
    .chair-btn4 {
        top: 22%;
        right: 22%;
    }
    .chair-btn5 {
        top: 58%;
        left: 22%;
    }
    .chair-btn6 {
        top: 58%;
        left: 36%;
    }
    .chair-btn7 {
        top: 58%;
        right: 36%;
    }
    .chair-btn8 {
        top: 58%;
        right: 22%;
    }
    .chair-car {
        width: 100%;
        height: 100%;
        position: relative;
        background: #000;
    }
    .chair-car img {
        width: 100%;
        margin-top: -4rem;
    }
    
    .chair1 {
        width: 170px;
        height: 280px;
        position: absolute;
        top: 29%;
        left: 21%;
    }
    .chair2 {
        width: 170px;
        height: 280px;
        position: absolute;
        top: 29%;
        right: 21%;
    }
    
    .chair-01 {
        width: 170px;
        height: 212px;
        /* background: pink; */
    }
    .chair-01 img ,.chair-02 img {
        margin-top: 0;
    }
    .chair-02 {
        width: 170px;
        height: 60px;
        /* background: green; */
    }
}
